<template>
  <div class="tools-layout">
    <nav-header />
    <div class="tools-content">
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup lang="ts">
import NavHeader from '@/components/NavHeader.vue'
</script>

<style lang="scss" scoped>
.tools-layout {
  min-height: 100vh;
  background: $background-primary;

  .tools-content {
    padding-top: $header-height;
  }
}

:root.dark {
  .tools-layout {
    background: $dark-background;
  }
}
</style> 